<template>
     <a-modal v-model:visible="visible" :title="state.title" @ok="close">
      <p>
        {{ state.text }}
      </p>
    </a-modal>
</template>

<script setup>
import { reactive, ref } from 'vue'

const state = reactive({
    title:'音乐使用权确认',
    text: '你确认 (a) 视频中不包含任何受版权保护的音乐，或 (b) 你 已取得所有必要授权（包括与音乐作品以及内含音乐作品的 母带相关的授权）并已支付相关费用，可在 TikTok 平台上 将音乐用于该作品。如果存在无法确认上述 (a) 或 (b) 的情 形，请勿接受此授权书。请注意，如果执意发布视频，则作 品可能会被下架。',
})
const visible = ref(false)

const open = () => {
    visible.value = true 
}

const close = () => {
    visible.value = false 
}

defineExpose({
    open,
    close
})
</script>

<style lang="less" scoped>

</style>